// 入口函数
$(function () {
    // 需求1  获取用户信息 获取头像  封装成一个函数
    getUserInfo()
})
// 需求2 退出
$('#logout').on('click', function () {
    // 弹出询问框
    layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function (index) {
        location.href = '/login.html'
        localStorage.removeItem('token')

        layer.close(index);

    })
})

//   获取用户信息  封装成一个函数 必须设置成全局函数 不是局部函数
function getUserInfo() {
    // 发送ajax请求
    axios({
        // 请求方式是GET 可以省略
        method: 'GET',
        url: '/my/userinfo',
        // 通过请求头上设置toKen身份验证
        headers: {
            Authorization: localStorage.getItem('token')
        }
    }).then(res => {
        // console.log(res);
        // 判断
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        // 渲染
        renderAvatar(res.data.data)
    })

}
// 渲染用户信息和头像
function renderAvatar(user) {
    // 1 渲染欢迎
    // || 链接两个值 ，如果第一个值是false类型 返回第二个值，无论第二个值是什么
    //  && 链接两个值 ，如果第一个值是false类型，则直接返回
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp' + name)
    //处理头像  如果有图片头像渲染图片 否则渲染文字头像
    if (user.user_pic !== null) {
        // 隐藏文字头像 显示图片头像 
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)
    } else {
        // 渲染文字头像 隐藏图片头像，显示文字头像
        $('.layui-nav-img').hide()
        // 字母大写
        let first = name[0].toUpperCase()
        // 渲染字母
        $('.avatar-text').show().html(first)
    }

}